<ion-view view-title="guidePage">
  <div class="bar bar-header royal-bg">
    <button class="button icon ion-medkit">按钮1</button>
    <h1 class="title">bar bar-header</h1>
    <button class="button">
      <i class="icon ion-transgender"></i>
    </button>
  </div>
  <div class="bar bar-subheader assertive-bg">
    <div class="button-bar">
      <button class="button button-energized">按钮1</button>
      <button class="button button-assertive">按钮2</button>
      <button class="button button-calm">按钮3</button>
      <button class="button button-royal">按钮4</button>
    </div>
  </div>
  <div class="scroll-content calm-bg has-header has-footer has-subfooter has-subheader">
    content
    <div class="positive-bg">内容1</div>
    <div class="assertive-bg padding">内容2</div>
  </div>
  <div class="bar bar-subfooter assertive-bg">bar subfooter</div>
  <div class="bar bar-footer royal-bg">bar bar-footer</div>
</ion-view>

